<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        缺点1：如果你要引入的js文件中有对dom的操作，那就必须要加上async或者defer 
        缺点2：1.js里定义的所有函数和属性，其实2.js以及3.js里都可以访问，只要引入顺序没错
        缺点3：如果1.js和2.js里有重名的方法，那么就会后者覆盖前者，无法做到同时存在
        缺点4：如果下面三个js文件之间互相需要用到对方的属性或者方法，那么就会存在引入顺序混乱的问题，三个文件还好，如果是十几个文件，那就真的乱到头疼。
    -->
    <script src="./1.js" defer></script>
    <script src="./2.js" defer></script>
    <script src="./3.js" defer></script>
</head>
<body>
    <div>123123</div>
</body>
</html>